$(function () {
    $(".row a").on("click",function(){
        window.location.href="../index.html";
        console.log(1)
   })
   $(".ref").on("click",function(){
       console.log(1)
        window.location.href="../tcl/ht/register.html";
       
   })
    $(".navright li").eq(2).on("click",function(){
        window.location.href="../tcl/ht/land.html"
   })
    $(".navright li").eq(0).on("click",function(){
        window.location.href="../tcl/ht/car.html"
        console.log(1)
  })
    //顶部可关闭图片
    $(".colse").on("click", function () {
        $(".displaylog").css("display", "none");
    })
    //  微信弹出框
    $(".signal").on("mouseover", function () {
        $(".eject").css("display", "block")
    })
    $(".signal").on("mouseout", function () {
        $(".eject").css("display", "none")
    })
    // 导航栏滑动效果
    $(".navright li").on("mouseover", function () {
        $(this).css("color", "#fff")
        $(".num").css("color", "#cecece")
    })
    $(".navright li").on("mouseout", function () {
        $(this).css("color", "#cecece")
        $(".num").css("color", "#cecece")
    })
    $(".articles li").eq(0).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 5
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(1).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 70
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(2).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 145
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(3).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 215
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(4).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 283
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(5).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 355
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    $(".articles li").eq(6).on("mouseover", function () {
        $(".bord").stop().animate({
            width: 60,
            bottom: 20,
            left: 425
        })
    }).on("mouseout", function () {
        $(".bord").stop().animate({
            width: 0,
            bottom: -15,
            left: 0
        })
    })
    // 搜索框特效
    $(".havelist").on("click", function () {
        $(".new li").fadeToggle();
        $(".new li").on("mouseover", function () {
            $(this).css({
                "background": "#cecece",
                "color": "red"
            })
        }).on("mouseout", function () {
            $(this).css({
                "background": "#fff",
                "color": "#cecece"
            })
        })
    })
    $(".havelist").blur(function () {

        setTimeout(function () {
            $(".new li").css({
                display: "none"
            })
        }, 300) //延迟事件，解决失焦事件与按钮事件的冲突
    })
    // 点击获取value
    $(document).ready(function () {
        var li = $(".new li") //获取li
        $(".new li").on("click", function () {
            var index = $(this).index(); //获取下标
            console.log(index)
            var text = li.eq(index).text(); //获取text
            $(".havelist").val(text) //更换text
            console.log(text)
        })
        console.log(li)
    })


    $(".articles li").eq(1).on("mouseover ", function () {
        $(".activelistall div").eq(0).stop().slideDown()
    }).on("mouseout", function () {
        $(".activelistall div").eq(0).stop().slideUp(100)
    })
    $(".activelistall div").eq(0).on("mouseenter", function () {
        $(".activelistall div").eq(0).stop().slideDown()
    }).on("mouseleave", function () {
        $(".activelistall div").eq(0).stop().slideUp(100)
    })
    $(".articles li").eq(2).on("mouseover ", function () {
        $(".activelistall div").eq(1).stop().slideDown()
    }).on("mouseout", function () {
        $(".activelistall div").eq(1).stop().slideUp(100)
    })
    $(".activelistall div").eq(1).on("mouseenter", function () {
        $(".activelistall div").eq(1).stop().slideDown()
    }).on("mouseleave", function () {
        $(".activelistall div").eq(1).stop().slideUp(100)
    })
    $(".articles li").eq(3).on("mouseover ", function () {
        $(".activelistall div").eq(2).stop().slideDown()
    }).on("mouseout", function () {
        $(".activelistall div").eq(2).stop().slideUp(100)
    })
    $(".activelistall div").eq(2).on("mouseenter", function () {
        $(".activelistall div").eq(2).stop().slideDown()
    }).on("mouseleave", function () {
        $(".activelistall div").eq(2).stop().slideUp(100)
    })
    $(".articles li").eq(4).on("mouseover ", function () {
        $(".activelistall div").eq(3).stop().slideDown()
    }).on("mouseout", function () {
        $(".activelistall div").eq(3).stop().slideUp(100)
    })
    $(".activelistall div").eq(3).on("mouseenter", function () {
        $(".activelistall div").eq(3).stop().slideDown()
    }).on("mouseleave", function () {
        $(".activelistall div").eq(3).stop().slideUp(100)
    })
    $(".articles li").eq(5).on("mouseover ", function () {
        $(".activelistall div").eq(4).stop().slideDown()
    }).on("mouseout", function () {
        $(".activelistall div").eq(4).stop().slideUp(100)
    })
    $(".activelistall div").eq(4).on("mouseenter", function () {
        $(".activelistall div").eq(4).stop().slideDown()
    }).on("mouseleave", function () {
        $(".activelistall div").eq(4).stop().slideUp(100)
    })
    $(".articles li").eq(6).on("mouseover ", function () {
        $(".activelistall div").eq(5).stop().slideDown()
    }).on("mouseout", function () {
        $(".activelistall div").eq(5).stop().slideUp(100)
    })
    $(".activelistall div").eq(5).on("mouseenter", function () {
        $(".activelistall div").eq(5).stop().slideDown()
    }).on("mouseleave", function () {
        $(".activelistall div").eq(5).stop().slideUp(100)
    })
    var time;
    var index1 = 0;
    var lii = 0;

    function autoPlay() {
        index1 = $(".figurel a").index();
        lii = $(".dianj ul li").index();
        time = setInterval(function () {



            index1++;
            if (index1 > 1) {
                index1 = 0
            };
            $(".figurel a ").eq(index1).fadeOut().siblings().fadeIn();
            // if (lii > 1) {
            //     lii = 0}
            $(".dianj ul li").eq(index1).css({
                color: "red"
            }).siblings().css({
                "color": "#fff"
            });

        }, 5000)

    }
    autoPlay()
    $(".figurel a").mouseover(function () {
            clearInterval(time)
        }),
        $(".figurel a").mouseout(function () {
            autoPlay()
        })

    $(".dianj ul li").eq(0).on("mouseover", function () {
        $(this).css({
            color: "red"
        }).siblings().css({
            color: "#fff"
        })
        $(".figurel a ").eq(1).fadeIn()
        $(".figurel a ").eq(0).fadeOut()

    })
    $(".dianj ul li").eq(1).on("mouseover", function () {
        $(this).css({
            color: "red"
        }).siblings().css({
            color: "#fff"
        })
        $(".figurel a ").eq(0).fadeIn()
        $(".figurel a ").eq(1).fadeOut()
    })
    $(".aruch a").on("click", function () {
        $(".dianj ul li").eq(index1).css({
            color: "red"
        }).siblings().css({
            color: "#fff"
        })
        index1++;


        if (index1 > 1) {
            index1 = 0
        };
        $(".figurel a ").eq(index1).fadeIn().siblings().fadeOut()

    });

})
$(".oscreen ul li").on("click", function () {
    $(this).css({
        background: "red",
        color: "#fff"
    }).siblings().css({
        background: "#fff",
        color: "black"
    })
})
$(".span1").on("click",function(){
    $(".oscreen3").css({
        display:"none"   })
    $(this).css("display","none")
    $(".span2").css("display","block")
})
$(".span2").on("click",function(){
    $(".oscreen3").css({
        display:"block"   })
    $(this).css("display","none")
    $(".span1").css("display","block")
})

// json.js



//尾部动画
$(".bbt").on("mouseover", function () {
    $(".bbt").css({
        background: "red",
        color: "#fff"
    })
}).on("mouseout", function () {
    $(".bbt").css({
        background: "",
        color: ""
    })
 

        //顶部可关闭图片
        $(".colse").on("click", function () {
            $(".displaylog").css("display", "none");
        })
        //  微信弹出框
        $(".signal").on("mouseover", function () {
            $(".eject").css("display", "block")
        })
        $(".signal").on("mouseout", function () {
            $(".eject").css("display", "none")
        })
        // 导航栏滑动效果
        $(".navright li").on("mouseover", function () {
            $(this).css("color", "#fff")
            $(".num").css("color", "#cecece")
        })
        $(".navright li").on("mouseout", function () {
            $(this).css("color", "#cecece")
            $(".num").css("color", "#cecece")
        })
        $(".articles li").eq(0).on("mouseover", function () {
            $(".bord").stop().animate({
                width: 60,
                bottom: 20,
                left: 5
            })
        }).on("mouseout", function () {
            $(".bord").stop().animate({
                width: 0,
                bottom: -15,
                left: 0
            })
        })
        $(".articles li").eq(1).on("mouseover", function () {
            $(".bord").stop().animate({
                width: 60,
                bottom: 20,
                left: 70
            })
        }).on("mouseout", function () {
            $(".bord").stop().animate({
                width: 0,
                bottom: -15,
                left: 0
            })
        })
        $(".articles li").eq(2).on("mouseover", function () {
            $(".bord").stop().animate({
                width: 60,
                bottom: 20,
                left: 145
            })
        }).on("mouseout", function () {
            $(".bord").stop().animate({
                width: 0,
                bottom: -15,
                left: 0
            })
        })
        $(".articles li").eq(3).on("mouseover", function () {
            $(".bord").stop().animate({
                width: 60,
                bottom: 20,
                left: 215
            })
        }).on("mouseout", function () {
            $(".bord").stop().animate({
                width: 0,
                bottom: -15,
                left: 0
            })
        })
        $(".articles li").eq(4).on("mouseover", function () {
            $(".bord").stop().animate({
                width: 60,
                bottom: 20,
                left: 283
            })
        }).on("mouseout", function () {
            $(".bord").stop().animate({
                width: 0,
                bottom: -15,
                left: 0
            })
        })
        $(".articles li").eq(5).on("mouseover", function () {
            $(".bord").stop().animate({
                width: 60,
                bottom: 20,
                left: 355
            })
        }).on("mouseout", function () {
            $(".bord").stop().animate({
                width: 0,
                bottom: -15,
                left: 0
            })
        })
        $(".articles li").eq(6).on("mouseover", function () {
            $(".bord").stop().animate({
                width: 60,
                bottom: 20,
                left: 425
            })
        }).on("mouseout", function () {
            $(".bord").stop().animate({
                width: 0,
                bottom: -15,
                left: 0
            })
        })
       
        // 搜索框特效
        $(".havelist").on("click", function () {
            $(".new li").fadeToggle();
            $(".new li").on("mouseover", function () {
                $(this).css({
                    "background": "#cecece",
                    "color": "red"
                })
            }).on("mouseout", function () {
                $(this).css({
                    "background": "#fff",
                    "color": "#cecece"
                })
            })
        })
        $(".havelist").blur(function () {
    
            setTimeout(function () {
                $(".new li").css({
                    display: "none"
                })
            }, 300) //延迟事件，解决失焦事件与按钮事件的冲突
        })
        // 点击获取value
        $(document).ready(function () {
            var li = $(".new li") //获取li
            $(".new li").on("click", function () {
                var index = $(this).index(); //获取下标
                console.log(index)
                var text = li.eq(index).text(); //获取text
                $(".havelist").val(text) //更换text
                console.log(text)
            })
            console.log(li)
        })
         $("#ul").children().eq(0).css({background:"red"})
   
    
  
    })

